
<meta charset="utf-8">
<!-- 图片库 start -->
	<div class="modal fade" id="audioModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	   <div class="modal-dialog" style="width:500px;">
		  <div class="modal-content" >
			 <div class="modal-header">
				<button type="button" class="close" 
				   data-dismiss="modal" aria-hidden="true">
					  &times;
				</button>
				<h4 class="modal-title musicTitle">
				  音频添加
				</h4>
			 </div>
			 <div class="modal-body" style="padding-top:0px;padding-bottom:0px;">
			 <div class="row" style="height:340px;">
			 	<div class="rightDiv" >
			 	  <div class="imageResp" style="position:relative;padding:10px;">
			 	  	<table style="margin:10px;">
			 	  		<tr style="height:40px;">
			 	  			<td colspan="2">
			 	  			<input type="file" class="btn"  nv-file-select="" 
					uploader="uploaderAudio" accept="audio/basic,audio/x-aiff,audio/x-mpeg,audio/x-pn/realaudio,audio/x-waw" style="width:200px;"/>
					
							</td>
			 	  		</tr>
			 	  		<tr>
			 	  			<td rowspan="4" style="height:180px;width:180px;line-height:200px;">
			 	  			<div ng-if="currentAudio.coverImg==''" class="upload_btn" style="width:150px;height:150px;background-image:url(../images/addImage.png);background-size:150px 150px;padding:0px;overflow:hidden;">
		                		 <input type="file" class="btn"  nv-file-select="" uploader="uploaderAudioCover" multiple="" 
		                		 accept="image/jpg,image/png,image/jpeg,image/bmp,image/gif" style="padding:0px;height:150px;width:150px;font-size:200px;opacity:0;">
		              		</div> 
		              		<div ng-if="currentAudio.coverImg!=''" class="upload_btn" style="width:150px;height:150px;background-image:url({{currentAudio.coverImg}});background-size:150px 150px;padding:0px;overflow:hidden;">
		                 		<input type="file" class="btn"  nv-file-select="" uploader="uploaderAudioCover" multiple="" 
		                 		accept="image/jpg,image/png,image/jpeg,image/bmp,image/gif" style="padding:0px;height:150px;width:150px;font-size:200px;opacity:0;">
		              		</div>
			 	  			</td>
			 	  			<td><input type="text" ng-model="currentAudio.title" style="width:250px;" placeholder="标题" /></td>
			 	  		</tr>
			 	  		<tr>
			 	  			<td>
			 	  				<textarea rows="5" style="width:100%;" ng-model="currentAudio.content" placeholder="文字说明" >{{currentAudio.content}}</textarea>
			 	  			</td>
			 	  		</tr>
			 	  		<tr>
			 	  			<td>
			 	  				<textarea rows="2" style="width:100%;resize:none;" ng-model="currentAudio.url" placeholder="路径"  disabled>{{currentAudio.url}}</textarea>
			 	  			</td>
			 	  		</tr>
			 	  		<tr>
			 	  			<td style="height:40px;">
			 	  			<audio ng-if="currentAudio.url!=''" ng-src="{{trustSrc(currentAudio.url)}}"  style="width:250px;" controls="controls"></audio>
			 	  			</td>
			 	  		</tr>
			 	  	</table>
					<div style="width:20px;height:20px;">
		              	<img class="loadAudioFlag" src="../images/load.gif" ng-if="currentUploading"/> 
		              </div>
					
				  
				  </div>
			 	</div>
			 </div>
			 </div>
			 <div class="modal-footer" style="border-top:1px solid #888;">
				<button ng-if="currentAudio.url!=''&&!currentUploading" type="button" ng-click="saveAudio()" class="btn" 
				style="background-color:#518ab0;color:#fff;">确定</button>
				<button ng-if="currentAudio.url==''||currentUploading" type="button"  class="btn" 
				style="background-color:#aaa;color:#fff;">确定</button>
				<button type="button"  data-dismiss="modal" aria-hidden="true" class="btn" 
				style="background-color:#518ab0;color:#fff;">关闭</button>
			 </div>
		  </div><!-- /.modal-content -->
		</div><!-- /.modal -->
	</div>
	<!-- 图片库 end -->